<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head>
        <title>Gestore Prodotti</title>
        <ui:include src="Header.xhtml"/>
    </h:head>
    
    <h:body>
        #{redirect.redirectGestoreMagazzino(gestioneSito , "Login.jsf")}
        <h:form id="formMarche">
            <p:panel header="Marche" style="margin-bottom:10px;">  


                <p:dataTable id="tabellaMarche" var="marca" value="#{gestioneProdottoBean.marche}" emptyMessage="Non sono presenti marche">
                    <p:column headerText="#Id" width="30">
                        <p:outputLabel value="#{marca.id}"/>
                    </p:column>

                    <p:column headerText="Nome" width="50">
                        <p:outputLabel value="#{marca.nome}"/>
                    </p:column>

                    <p:column width="100">
                        <p:commandButton value="Rimuovi" icon="ui-icon-trash" action="#{gestioneProdottoBean.rimuoviMarca(marca)}" update="tabellaMarche" />
                    </p:column >
                </p:dataTable>
                <p:commandButton value="Aggiungi" action="#{gestioneProdottoBean.inserisciMarca()}" update="tabellaMarche"/>
                <p:inputText value="#{gestioneProdottoBean.marcaSelezionata}" required="false" requiredMessage="Inserire nome Marca"  />



            </p:panel>

        </h:form>

        <h:form id="formCategorie">


            <p:panel header="Categorie" style="margin-bottom:10px;">


                <p:dataTable id="tabellaCategorie" var="categoria" value="#{gestioneProdottoBean.categorie}" emptyMessage="Non sono presenti categorie">
                    <p:column headerText="#Id" >
                        <p:outputLabel value="#{categoria.id}"/>
                    </p:column>

                    <p:column headerText="Nome" >
                        <p:outputLabel value="#{categoria.nome}"/>
                    </p:column>

                    <p:column >
                        <p:commandButton value="Rimuovi" icon="ui-icon-trash" action="#{gestioneProdottoBean.rimuoviCategoria(categoria)}" update="tabellaCategorie" />
                    </p:column>
                </p:dataTable>
                <p:commandButton value="Aggiungi" action="#{gestioneProdottoBean.inserisciCategoria()}" update="tabellaCategorie" />

                <p:inputText value="#{gestioneProdottoBean.categoriaSelezionata}" required="false" requiredMessage="Inserire nome Categoria"  />

            </p:panel>
        </h:form>
        <h:form id="formProdotti">

            <p:dataTable id="tabellaProdotti" var="prodotto" value="#{gestioneProdottoBean.prodotti}" emptyMessage="Non ci sono prodotti disponibili">
                <f:facet name="header">
                    <p:outputLabel value="Lista prodotti"/>
                </f:facet>
                <p:column headerText="#Id" width='50' >
                    <p:outputLabel value="#{prodotto.id}"/>

                </p:column>

                <p:column headerText="Foto" width="120">
                    <p:graphicImage url="#{prodotto.foto}" width="100" style="border-style: solid;border-color: black;border-width: thin"  />
                </p:column>

                <p:column headerText="Marca" width="150">
                    <p:outputLabel value="#{prodotto.marca.nome}"/>
                </p:column>

                <p:column headerText="Modello" width="200">
                    <p:outputLabel value="#{prodotto.nome}"/>
                </p:column>

                <p:column  headerText="Quantità" width="120" >
                    <p:outputLabel value="#{prodotto.quantita}"/>
                    <p:commandButton value="+" style="width: 40px" action="#{gestioneProdottoBean.aggiungiQuantitaProdotto(prodotto)}" update="tabellaProdotti"/>
                    <p:commandButton value="-" style="width: 40px" action="#{gestioneProdottoBean.rimuoviQuantitaProdotto(prodotto)}" update="tabellaProdotti"/>

                </p:column>

                <p:column headerText="Prezzo" width="80" >

                    <p:outputLabel value="#{prodotto.prezzo} €"/>

                </p:column>

                <p:column >
                    <p:commandButton value="Rimuovi" icon="ui-icon-trash" action="#{gestioneProdottoBean.rimuoviProdotto(prodotto)}" update="tabellaProdotti"/>
                </p:column>




            </p:dataTable>
            
            <p:button value="Aggiungi Prodotto" outcome="/CreaProdotto.xhtml"/>

        </h:form>
<ui:include src="Footer.xhtml"/>  
    </h:body>
</html>

